<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- 用于操作array/集合，遍历

【需求】：使用vue赋值list集合，分别存放数组和集合，并把数据遍历到页面上的<li>标签中。 -->
			 
        <div id="app">
            <ul>
                <li v-for="(item,index) in array">
                    {{index}}---{{item}}
                </li>
                <hr/>
                <li v-for="stu in students">
                   {{stu.name}}---{{stu.age}}
                </li>
        ​
        ​
            </ul>
        </div>
        ​
        <script>
            new Vue({
                el: '#app',
                data: {
                    array: ['aaa', 'bbb', 'ccc'],
                    students: [
                        {
                            name: 'zs',
                            age: '18'
                        },
                        {
                            name: 'ls',
                            age: '19'
                        }
                    ]
                },
                methods: {}
            });
        </script>


	</body>
</html>

<!--使用 v-for="item in list"  或者 v-for="item of list" 进行遍历都可。-->

